html, body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.module_move .stream-table {
    margin-bottom: 0 !important;
}

.module_move .stream-table b {
    display: none;
}

.short_preview .item-image {
    flex: 0 0 80px !important;
}

.short_preview .lesson-list:not(.fast-edit) li a .info tr {
    gap: 20px;
}

.xdget-trainingList .stream-table tr a {
    position: relative;
}

.xdget-trainingList .stream-table tr a:has(.tr_image) {
    padding-left: 120px;
    overflow: hidden;
}

.xdget-trainingList .stream-table tr a .tr_image {
    position: absolute;
    top: calc(50% - 40px);
    left: 20px;
    
    width: 80px;
    height: 80px;
    
    background-size: cover !important;
    background-position: center;
}

.main_content a {
    background: #fff !important;
}

.main_content .lesson-list:not(.fast-edit) li:not(.user-state-not_reached) a .info::before {
    display: none;
}

.main_content .lesson-list:not(.fast-edit) li a .info {
    padding: 25px 25px 25px 120px;
}

.main_content .lesson-list:not(.fast-edit) li a .item-image,
.main_content .lesson-list:not(.fast-edit) li a .ls_mobile_img {
    position: absolute;
    top: calc(50% - 40px);
    left: 20px;
    width: 80px !important;
    height: 80px !important;
}

.lesson-list:not(.fast-edit) li a .ls_info {
    align-content: center;
}

.main_content .ls_mobile_img {
    left: -10px !important;
    transform: translatex(-100%);
}

.main_content .lesson-list:not(.fast-edit) li a .title {
    margin-bottom: 8px;
}

.page_banner {
    margin-bottom: 24px;
}

.page_banner img {
    border-radius: 10px;
}

/* Навигация в модулях */
.page-header .clearfix {
    display: none;
}

.page-header .navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    
    width: 100%;
    
    margin: 0 0 10px!important;
    padding: 20px 30px;
    border-radius: 10px;
    background: #D8A566;
}

.page-header .navigation .module {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    
    width: 100%;
    
    color: #191919;
    font-family: "Tilda Sans";
    font-size: clamp(28px, 4vw, 36px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.page-header .navigation .module_number {
    display: inline-block;
    padding: 10px 18px;
    
    color: #191919;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(12px, 3.5vw, 20px);
    font-style: normal;
    font-weight: 500;
    line-height: 80%; /* 16px */

    border-radius: 5px;
    background: #fff;
}

.page-header .navigation .module_name {
    flex: 1 1 10%;
}

.page-header .navigation .course_navigation {
    position: relative;
    top: -3px;
    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    
    flex: 0 0 fit-content;
}

.page-header .navigation .course_navigation span.mobile_span {
    display: none;
}

.page-header .navigation .course_navigation a {
    align-content: center;
    padding: 8px 16px;
    
    color: #191919;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    border-radius: 5px;
    background: #FFF;
    
    transition: all .3s;
}

.page-header .navigation .course_navigation a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(77, 57, 41, 1);
}

.page-header .navigation .course_navigation .main_page a:hover svg {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(131deg) brightness(120%) contrast(115%);
}

.page-header .navigation .course_navigation a:has(svg) {
    padding: 8px;
}

.page-header .navigation .course_navigation a svg {
    position: relative;
    top: 7px;
}

@media (max-width: 1200px) {
    .page-header .navigation .module_name {
        font-size: 24px;
    }
}

@media (max-width: 992px) {
    .page-header .navigation .course_navigation span.desktop_span {
        display: none;
    }
    
    .page-header .navigation .course_navigation span.mobile_span {
        display: inline-block !important;
    }
}

@media (max-width: 700px) {
    .page-header .navigation {
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-header .navigation .module {
        flex-wrap: wrap;
        flex: 1 1 100%;
        text-align: center;
        justify-content: center;
    }
    
    .page-header .navigation .course_navigation {
        flex: 1 1 100%;
        justify-content: center;
    }
    
    .page-header .navigation .module_name {
        flex: 1 1 100%;
        width: 100%;
    }
}

/* Подзаголовки разделов */
.custom_header {
    padding: 9px 12px;
    margin-bottom: 16px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    background: #EDE3D6;
    border-radius: 5px;
}

.sidebar_hr {
    margin: 30px 0 40px;
    border-color: rgba(166,110,42, 0.2);
}

/* Сайдбар */
.sidebar {
    padding: 15px 18px;
    border-radius: 10px;
    background: #fff !important;
}

/* Общие настройки виджетов */
.widget_block {
    margin-bottom: 50px;
}

.widget_block:last-child {
    margin-bottom: 0;
}

.widget_block .xdget-header,
.xdget-lessonSchedule > h3,
.widget_prolongate h2.prolong__name,
.widget_tags h2 {
    margin-bottom: 20px;
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

/* Виджет - ранее вы изучали */
.widget_lessonLastWatched {
    position: relative;
    margin-bottom: 30px;
}

.widget_lessonLastWatched.course {
    padding: 16px 16px 1px;
    border-radius: 10px;
}

.widget_lessonLastWatched:has(.ls_course) > .widget__header {
    display: none;
}

.widget_lessonLastWatched .last_empty {
    padding: 8px 5px;
    border-radius: 3px;
    background: rgba(237,227,214,0.4);
}


.widget_lessonLastWatched .html-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_lessonLastWatched .ls_course .html-content ul {
    margin-bottom: 16px;
}

.widget_lessonLastWatched .html-content ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 14px;
    padding-right: 50px;
}

.widget_lessonLastWatched .html-content ul li a {
    display: block;
}

.widget_lessonLastWatched .html-content ul li {
    padding: 10px 14px;
    border-radius: 5px;
    background: #F7EDE0;

    transition: all .3s;
}

.widget_lessonLastWatched li:hover {
    transform: translatey(-5px);
}

.widget_lessonLastWatched .html-content ul li:last-child {
    margin-bottom: 0;
}

.widget_lessonLastWatched .html-content ul li a:hover {
    text-decoration: none;
}

.widget_lessonLastWatched .watched_title {
    display: block;
    margin-bottom: 5px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    transition: all .3s;
}

.widget_lessonLastWatched a:hover .watched_title {
    color: #A66E2A;
}

.widget_lessonLastWatched .watched_module {
    display: block;
    
    color: rgba(27,29,30,0.5);
    font-family: "Tilda Sans", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
}

.widget_lessonLastWatched .little_btn {
    display: inline-block;
    margin-top: 10px;
    color: #A66E2A;
    font-family: Manropeб, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid transparent;
    
    transition: all .3s;
}

.widget_lessonLastWatched a:hover .little_btn {
    border-bottom-color: #A66E2A;
}

/* Виджет - Актуальные события */
.xdget-lessonSchedule {
    margin-bottom: 50px;
}

.xdget-lessonSchedule * {
    font-family: Manrope, sans-serif;
}

.xdget-lessonSchedule .schedule-block {
    padding: 0;
    background: none;
}

.xdget-lessonSchedule .schedule-block .day {
    padding: 12px 16px;
    border-radius: 5px;
    background: rgba(216, 165, 102, 1);
}

.xdget-lessonSchedule .schedule-block .day-label {
    margin-bottom: 8px;
    
    color: #22282A;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.xdget-lessonSchedule .schedule-block .record {
    padding: 0 !important;
}

.xdget-lessonSchedule .schedule-block .time {
    position: relative;
    top: 3px;
    font-family: "Tilda Sans", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}

.xdget-lessonSchedule .schedule-block .event {
    font-family: "Tilda Sans", sans-serif;
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.xdget-lessonSchedule .schedule-block .event a {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 15px;
    color: #fff !important;
    font-weight: 500;
    line-height: normal;
    
    transition: all .3s;
}

/* Виджет - Полезные ссылки */
.widget_block .links_container button {
    position: relative;
    display: block;
    margin: 0 0 16px 37px;
    padding: 5px 10px;
    width: calc(100% - 37px);
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    
    border: none;
    border-radius: 3px;
    
    transition: all .3s;
}

.widget_block .links_container button:last-child {
    margin-bottom: 0;
}

.widget_block.links .links_container button {
    background: rgba(201, 168, 133, .2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='7' viewBox='0 0 6 7' fill='none'%3E%3Cpath d='M6 3.5L1.70857e-07 7L4.76837e-07 -2.62268e-07L6 3.5Z' fill='%231B1C1E'/%3E%3C/svg%3E") no-repeat calc(100% - 12px) center;
}

.widget_block.links .links_container button:hover {
    background-color: rgba(201, 168, 133, .5);
}

.widget_block .links_container button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -7px;
    transform: translatex(-30px);
    
    width: 30px;
    height: 100%;
    
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}

.widget_block.links .links_container button::before {
    background-color: rgba(216, 165, 102, 1);
    
}

.calc::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 3.125H5.75983C4.93669 3.125 4.20981 3.66185 3.96774 4.44859L1.95791 10.9805C1.90295 11.1592 1.875 11.345 1.875 11.5319V15C1.875 16.0355 2.71447 16.875 3.75 16.875H16.25C17.2855 16.875 18.125 16.0355 18.125 15V11.5319C18.125 11.345 18.0971 11.1592 18.0421 10.9805L16.0323 4.44859C15.7902 3.66185 15.0633 3.125 14.2402 3.125H12.5M1.875 11.25H5.09119C5.80138 11.25 6.45063 11.6513 6.76824 12.2865L6.98176 12.7135C7.29937 13.3487 7.94862 13.75 8.65881 13.75H11.3412C12.0514 13.75 12.7006 13.3487 13.0182 12.7135L13.2318 12.2865C13.5494 11.6513 14.1986 11.25 14.9088 11.25H18.125M10 2.5V9.375M10 9.375L7.5 6.875M10 9.375L12.5 6.875' stroke='%23664E39' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.news::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 6.25H11.25M10 8.75H11.25M5 11.25H11.25M5 13.75H11.25M13.75 6.25H16.5625C17.0803 6.25 17.5 6.66973 17.5 7.1875V15C17.5 16.0355 16.6605 16.875 15.625 16.875M13.75 6.25V15C13.75 16.0355 14.5895 16.875 15.625 16.875M13.75 6.25V4.0625C13.75 3.54473 13.3303 3.125 12.8125 3.125H3.4375C2.91973 3.125 2.5 3.54473 2.5 4.0625V15C2.5 16.0355 3.33947 16.875 4.375 16.875H15.625M5 6.25H7.5V8.75H5V6.25Z' stroke='%23664E39' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.shop::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.25 14.0625H14.0625M14.0625 14.0625H16.875M14.0625 14.0625V11.25M14.0625 14.0625V16.875M5 8.75H6.875C7.91053 8.75 8.75 7.91053 8.75 6.875V5C8.75 3.96447 7.91053 3.125 6.875 3.125H5C3.96447 3.125 3.125 3.96447 3.125 5V6.875C3.125 7.91053 3.96447 8.75 5 8.75ZM5 16.875H6.875C7.91053 16.875 8.75 16.0355 8.75 15V13.125C8.75 12.0895 7.91053 11.25 6.875 11.25H5C3.96447 11.25 3.125 12.0895 3.125 13.125V15C3.125 16.0355 3.96447 16.875 5 16.875ZM13.125 8.75H15C16.0355 8.75 16.875 7.91053 16.875 6.875V5C16.875 3.96447 16.0355 3.125 15 3.125H13.125C12.0895 3.125 11.25 3.96447 11.25 5V6.875C11.25 7.91053 12.0895 8.75 13.125 8.75Z' stroke='%23664E39' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* Виджет - режим работы тех. поддержки */
.widget_block.support .html-content {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.widget_block.support .html-content strong {
    display: inline-block;
    margin: 0 0 8px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.widget_block.support .html-content strong em {
    font-size: 20px;
    font-style: normal;
}

.widget_block.support button {
    margin-top: 30px;
    padding: 8px 30px;
    
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    border-radius: 5px;
    background: #1B1C1E;
    border: none;
    
    transition: all .3s;
}

.widget_block.support button:hover {
    color: rgba(34, 40, 42, 1);
    background: rgba(216, 165, 102, 1);
}

.support.course {
    padding: 16px 16px 20px;
    border-radius: 10px;
}

.support.course .xdget-header {
    margin-bottom: 5px;
}

@media (max-width: 350px) {
    .widget_block.support .html-content {
        font-size: 14px;
    }
    .widget_block.support button {
        font-size: 13px;
    }
}

/* Виджет - Наши социальные сети */
.widget_block.social .social_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 14px;
}

.widget_block.social .social_btns .xdget-image {

    align-content: center;
    
    width: 60px;
    height: 60px;
    text-align: center;
    
    background: rgba(166,110,42,0.2);
    border-radius: 50px;
    
    transition: all .3s;
}

.widget_block.social .social_btns .xdget-image:hover {
    cursor: pointer;
    background: rgba(216,165,102,0.7);
}

/* Виджет - Срок окончания подписки */
.widget_prolongate {
    position: relative;

    margin-bottom: 30px;
}

.widget_prolongate .new_date {
    margin-bottom: 10px;
}

.widget_prolongate .new_date > span {
    display: inline-block;
    font-style: normal;
    line-height: normal;
}

.widget_prolongate .final_count {
    display: block;
    width: 100%;
    margin-top: -5px;
    color: rgba(216, 165, 102, 1);
    font-family: "Tilda Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.widget_prolongate .final_count em {
    color: rgba(27,29,30,0.5);
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
}

.widget_prolongate .final_date {
    color: rgba(27,29,30,0.5);
    font-family: "Tilda Sans", sans-serif; 
    font-size: 14px;
    font-style: italic !important;
    font-weight: 300;
    line-height: normal;
}


.widget_prolongate .xdget-productTiming {
    padding: 0;
    margin-top: 10px;
    background: none;
}

.widget_prolongate .prolong__product {
    color: rgba(27,29,30,0.5);
}

.widget_prolongate .xdget-productTiming .prolong-link {
    color: rgba(216, 165, 102, 1);
    font-family: "Tilda Sans", sans-serif; 
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
}

.widget_prolongate .new-btn .html-content a {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 30px 12px;
    
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    border-radius: 5px;
    background: #1B1C1E;
    
    transition: all .3s;
}

.widget_prolongate .new-btn .html-content a:hover {
    text-decoration: none;
    color: #000;
    background: rgba(216, 165, 102, 1);
}

.widget_prolongate .xdget-productTiming .prolong-offers label {
    margin: 0;
    font-weight: 600 !important;
}

.widget_prolongate .xdget-productTiming .prolong-offers label:has(input[type="radio"]) {
    padding-left: 18px;
}

.widget_prolongate .xdget-productTiming .prolong-offers label input[type="radio"] {
    margin-right: 4px;
}

.widget_prolongate .xdget-productTiming .prolong-offers label span {
    display: block;
    margin: 10px 0;
    text-indent: 0;
    
    color: #1B1C1E;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 120%; /* 19.2px */
    font-weight: 400;
}

.widget_prolongate .xdget-productTiming .prolong-offers div[style="padding-left: 15px; padding-bottom: 15px;"] {
    padding: 10px 20px !important;
    margin-bottom: 30px;
    border-radius: 5px;
    background: rgba(204,204,204,.2);
}

.widget_prolongate .prolong__description {
    display: block;
    margin-bottom: 30px;
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 13px;
}

.widget_prolongate .prolong__description strong {
    color: #1B1C1E !important;
    font-size: 18px !important;
}

.widget_prolongate .xdget-productTiming .btn-prolongate {
    color: #FFF;
    font-family: Manrope, sans-serif; 
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    
    border: none;
    border-radius: 5px;
    background: #EDE3D6;
    
    transition: all .3s;
}

.widget_prolongate .xdget-productTiming .btn-prolongate:hover {
    background: #D8A566;
}

.widget_prolongate .prr {
    display: none;
}

.xdget-userScaleRating {
    
}

/* Виджет - рейтинг пользователей */

.bgc_userRating {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.bgc_userRating h3 {
    position: relative;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.ch_rateUserInfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;

    margin-bottom: 10px;
    padding: 23px 0 25px;

}

.ch_rateUserInfo > div:nth-child(2) {
    flex: 1 1 90px;
    padding-right: 30px;
}

.ch_rateUserInfo > div:nth-child(3) {
    flex: 1 1 calc(60% - 90px);
}

.ch_rateUserPhoto {
    position: relative;
    flex: 1 1 60px;
}

.ch_rateUserPhoto img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: 2px solid #EDE3D6;
}


.ratingBtn {
    display: block;
    margin: 0px auto 20px!important;
    padding: 6px 10px;
    max-width: calc(100% - 40px);
    width: 100%;
    
    color: #fff;
    text-align: center;
    
    background: #FF1420;
    border-radius: 5px;
    
    transition: all .3s;
}

.ratingBtn:hover {
    color: #000;
    background: #FFCA0F;
    text-decoration: none;
}

.ch_ratingBadgesAll {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: -7px;
    
    padding: 10px;
    min-width: 300px;
    min-height: 100px;
    
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 1000;
}

.ch_ratingBadgesAll div {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 15px 5px 10px !important;
    color: #fff;
    border: none !important;
    border-radius: 5px !important;
    background: #DD141F;
}

.ch_ratingBadgesAll div img {
    max-width: 30px;
    height: auto;
    background: #fff;
}

.ch_ratingBadgesAll div span {
    color: #fff !important;
}

.ch_rateUSText {
    display: block;

    font-family: "Tilda Sans", sans-serif;
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 400;
    
    line-height: 1;
}

.ch_rateUSCount {
    display: inline-block;
    margin-top: 10px;
   
    font-family: "Tilda Sans", sans-serif !important;
    font-size: 40px;
    font-weight: 700;
    
    line-height: 1;
}

.ch_rateUserScore .ch_rateUSCount {
    color: rgba(216, 165, 102, 1);
}

.ch_rateUserRating .ch_userPos {
    color: rgba(216, 165, 102, 1);
    font-size: 40px;
    font-weight: 700;
}

.ch_rateUserRating .ch_rateUSCount {
    color: #1B1C1E;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
}

.ch_rateUSCount .noRating {
    display: inline-block;
    margin-top: 19px;
    font-style: italic;
    font-size: 16px;
    opacity: .5;
}

.ch_rateUserRating {
    opacity: 0;
}

.ch_rateLiderBoard {
    margin-bottom: 10px;
}

.ch_rateLiderBoard {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    
    position: relative;
}

.ch_rateLBText {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 3px;
    background: #EDE3D6;
}

.ch_rateLiderBoard .ch_rateBoard {
    width: 100%;
    padding: 20px 10px 20px;
}

.ch_rateLBText .ch_rateLBText-header {
    position: relative;
    display: inline-block;
    padding: 10px 50px 10px 10px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    
    z-index: 10;
}

.ch_rateLBText .ch_rateLBText-link {
    position: relative;
    
    z-index: 5;
}

.ch_rateLBText .ch_rateLBText-link a {
    padding: 9px 20px;
    
    color: rgba(27, 28, 30, 1);
    text-align: center;
    font-family: "Tilda Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    border-radius: 3px;
    background: #D8A566;
    
    transition: all .3s;
}

.ch_rateLBText .ch_rateLBText-link a:hover {
    background: rgba(216,165,102,0.6);
    text-decoration: none;
}


.ch_rateUsers .ch_rateUsersImage {
    position: relative;
    
}

.ch_rateUsers .ch_rateUsersImage::after {
    position: absolute;
    bottom: 0px;
    right: 10px;
    
    width: 16px;
    height: 16px;
    
    color: #fff;
    
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    
    border-radius: 20px;
    background: #DD141F;
    
    z-index: 100;
}

.ch_rateUsers[data-rankposition="1"] .ch_rateUsersImage::after {
    content: "1";
    background: rgba(216, 165, 102, 1);
}

.ch_rateUsers[data-rankposition="2"] .ch_rateUsersImage::after {
    content: "2";
    background: rgba(154, 122, 95, 1);
}

.ch_rateUsers[data-rankposition="3"] .ch_rateUsersImage::after {
    content: "3";
    background: rgba(85, 85, 85, 1);
}

.ch_rateUsers[data-rankposition="4"] .ch_rateUsersImage::after {
    content: "4";
    background: rgba(43, 43, 42, 1);
}

.ch_rateUsers[data-rankposition="5"] .ch_rateUsersImage::after {
    content: "5";
    background: rgba(43, 43, 42, 1);
}

.ch_rateLiderBoard > div .ch_rateUsers:first-child {
    margin-top: 5px !important;
}

.ch_rateUsers {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    
    margin-top: 15px;
}

.ch_rateUsers img {
    position: relative;
    top: 0px;
    margin: 0 15px 0 0;
    
    height: 32px;
    width: 32px;
    
    background: rgb(235,226,214);
    border-radius: 100px;
}

.ch_rateUsersName {
    flex: 1 1 10%;
    align-content: center;
    
    color: rgba(27,29,30,0.5);
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ch_rateUsersScore {
    align-content: center;
    font-family: "Tilda Sans", sans-serif;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: rgba(154, 122, 95, 1);
}


@media (max-width:1200px) and (min-width:992px), (max-width: 520px) {
    .ch_rateUserInfo > div:nth-child(2) {
        padding-right: 0 !important;
        flex: 0 1 65px;
    }
    
    .ch_rateLBText .ch_rateLBText-header {
        padding: 7px 20px 7px 20px;
    }
    
    .ch_rateUserPhoto {
        flex: 1 1 100%;
        margin-bottom: 20px;
    }
    
    .ch_ratingBadgesHeader {
        font-size: 14px;
        bottom: 20px;
        left: 80px;
    }
    
    .ch_ratingBadgesAll {
        left: 0;
        min-width: 0;
        width: 100%;
    }
    
    .ch_rateUsers {
        margin-bottom: 20px;
    }
    
    .ch_rateUsers .ch_rateUsersImage::after {
        right: 0;
        left: inherit;
    }
    
    .ch_rateUsers img {
        margin-left: 0;
    }
    
    .ch_rateUsersImage {
        flex: 1 1 100%;
    }
    
    .ch_rateBtn a span {
        position: static;
    }
}

@media (max-width:992px) {
    .ch_ratingWidget > div {
        flex: 1 1 100% !important;
        max-width: 100%;
    }
    
    .ch_rateLiderBoard {
        margin: 10px 0;
    }
    
    .ch_rateBtn a {
        margin-top: 0;
    }
}

.ch_rateUSCount {
    margin-top: 5px;
}

.ch_ratingBadgesHeader {
    display: none;
}

@media (max-width: 1200px) and (min-width: 992px), (max-width: 700px) {
    .ch_rateUserPhoto {
        flex: 0 1 80px;
    }
}

/* Виджет - Участники раздела */
.studentsPRO__blockHeader {
    position: relative;
    display: inline-block;
    padding: 10px;
    
    font-family: "Tilda Sans", sans-serif;
    color: #1B1C1E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    width: 100%;
    border-radius: 3px;
    background: #EDE3D6;
    
    z-index: 10;
}

.studentsPRO__students .xdget-student-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 14px 11px;
    padding: 20px 10px;
}


.studentsPRO__students .user-tr {
    position: relative;
    margin: 0;
    max-height: inherit !important;
    overflow: visible;
    transition: all .3s;
}

.studentsPRO__students .user-tr:not(:has(img)) {
    display: none !important;
}

.studentsPRO__students .user-tr:hover {
    transform: translatey(-5px);
}

.studentsPRO__students .user-tr a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 3px;
    z-index: 10;
    overflow: hidden;
}

.studentsPRO__students .user-tr a img {
    height: 100%;
    width: 100%;
}

.studentsPRO__students .user-tr a span {
    align-content: center;
    width: 60px !important;
    height: 60px !important;
    border-radius: 5px !important;
}

.load-more-btn {
    display: block;
    margin: 10px 10px 20px;
    padding: 10px 24px;
    
    font-size: 14px;
    color: white;
    font-family: "Tilda Sans", sans-serif;
    background-color: #1B1C1E;
    
    border: none;
    border-radius: 5px;
    cursor: pointer;
    
    transition: background-color 0.3s;
}

.load-more-btn:hover {
    color: rgba(27, 28, 30, 1);
    background-color: rgba(216, 165, 102, 1);
}

.load-more-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
}


/* Виджет - Шапка тренинга */
.course_top_header {
    padding: 28px;
    border-radius: 10px 10px 0 0;
    background: #D8A566 url(https://fs.getcourse.ru/fileservice/file/download/a/66109/sc/162/h/6b7f6467bfda919bfd061827a5318e83.png) no-repeat left top;
}

.course_top_title .html-content {
    margin-bottom: 5px;
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(24px, 4vw, 40px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.course_top_description .html-content {
    margin-bottom: 20px;
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(16px, 4vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.course_header  {
    margin-bottom: 32px;
    background: #EDE3D6;
    border-radius: 10px;
}

/* Виджет - Поиск */
.widget_search {
    position: relative;
    border-radius: 10px;
    background: rgba(27, 28, 30, 1);
    z-index: 50;
}

.search_body::before,
.search_body::after {
    display: none;
}

.search_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    
    padding: 8px 20px;
    margin: 0 !important;
}

.search_info {
    flex: 0 1 30%;
    padding: 0;
}

.search_info .html-content p {
    margin: 0;
}

.search_info .html-content strong {
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}


.search_info .html-content em {
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.1;
}

.search_field  {
    flex: 1 1 10%;
    padding: 4px 0 0;
}

.search-container {
    position: relative;
}


#lesson-search-input {
    position: relative;
    top: -4px;
    width: calc(100% - 65px);
    padding: 10px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
}

#lesson-search-button {
    padding: 10px 15px;
    margin-left: 10px;
    background: #D8A566;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    line-height: 1;
    transition: all .3s;
}

#lesson-search-button:hover {
    background: rgba(255, 255, 255, .3);
}

.course_top_search .clear-search {
    display: none;
    position: absolute;
    right: 78px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px;
    color: #666;
}

.course_top_search .search-status {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #666;
}

.course_top_search .search-status:has(.search-loader) {
    display: none;
}

.course_top_search .search-loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top-color: #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

#lesson-search-results-container {
    //display: block !important;
    position: absolute;
    left: 0;
    width: 100%;
    
    z-index: 100;
    
    
    padding: 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
}

.course_top_search .lesson-item {
    padding: 15px;
    margin: 10px 0;
    border: 1px solid rgba(221,221,221,0.53);
    border-radius: 4px;
    background: #fff;
}

.course_top_search .lesson-link {
    display: inline-block;
    margin-bottom: 5px;
    color: rgba(216, 165, 102, 1);
    text-decoration: none;
    
    transition: all .3s;
}

.course_top_search .lesson-link:hover {
    color: #191919;
    text-decoration: underline;
}

.course_top_search .lesson-item h3, 
.course_top_search .lesson-item h4 {
    margin: 0 0 5px;
    
    color: #191919;
    font-family: "Tilda Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.course_top_search .lesson-item h4 {
    color: #555;
    font-size: 16px;
    opacity: .5;
}

.course_top_search .lesson-item p {
    margin: 0 0 0px;
    color: #666;
}


.course_top_search .highlight {
    background: #FFCA0F;
    padding: 0 2px;
}

.course_top_search .no-results {
    padding: 15px;
    color: #666;
    text-align: left;
}

@media (max-width: 520px) {
    .course_top_search .search_info {
        flex:  1 1 100%;
        padding: 10px 0;
    }
    
    .course_top_search .lesson-item h4 {
        font-size: 12px;
    }
    
    .course_top_search .lesson-item h3 {
        font-size: 16px;
        line-height: 1.4;
    }
    
    .course_top_search .lesson-item p {
        font-size: 13px;
    }
}

/* Виджет - Прогресс тренинга */
.progress_bar {
    padding: 20px 20px 24px;
    border-radius: 10px;
}

.progress_bar .progress_header-name {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.progress_bar .progress_statistic {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.progress_bar .progress_done span {
    display: inline-block;
    margin-left: 5px;
    padding: 4px 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    background: rgba(216, 165, 102, 1);
}

.progress_bar .progress_left span {
    display: inline-block;
    margin-left: 5px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(27, 28, 30, 1);
    border-radius: 3px;
    background: #fff;
}

.progress_bar .progress_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    
    margin-bottom: 24px;
}

.progress_bar .progress_statistic {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 40px;
}

.progress_bar .progress_line {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    background: #FFF;
    overflow: hidden;
}

.progress_bar .progress_progress {
    position: relative;
    height: 100%;
    min-width: 40px;
    border-radius: 0 5px 5px 0;
    background: linear-gradient(90deg, #D8A566 0%, #C89352 100%);
}

.progress_bar .progress_progress span {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translatey(-50%);
    
    color: #FFF;
    font-family: "Tilda Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.progress_bar.short_progress .progress_header {
    margin-bottom: 0;
}

.progress_bar.short_progress .progress_body {
    flex: 1 1 100%;
    margin: 8px 0 14px;
}

.bgc_userRating .widget_progress {
    display: none;
}


@media (max-width: 400px) {
    .widget_progress.circle {
        display: block;
    }
    
    .widget_progress.circle .progress_header-name {
        margin-bottom: 20px;
    }
    
    .progress_circle {
        margin-top: 20px;
    }
}


/* Виджет - теги для уроков */
.widget_tags {
    margin-bottom: 30px;
}

.widget_tags .wg_allTags .tags_label {
    display: none;
}

.widget_tags .wg_allTags .navigation {
    margin-bottom: 0 !important;
}

.widget_tags .navigation {
    margin: 0 0 20px !important;
}

.widget_tags .tags_label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #4b6984;
}

.widget_tags .navigation > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 5px;
}

.widget_tags .nav-tag {
    display: inline-block;
    padding: 2px 2px 2px 10px;

    font-family: "Tilda Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #1B1C1E;
    
    
    background: #EDE3D6;
    border-radius: 5px;
    border: 1px solid transparent;
    
    overflow: hidden;
    
    transition: all .3s;
}

.widget_tags .nav-tag:first-letter {
    text-transform: capitalize;
}

.widget_tags .nav-tag.active,
.widget_tags .nav-tag:hover {
    color: rgba(27, 28, 30, 1) !important;

    background: rgba(216, 165, 102, 1);
    border-color: transparent;
    cursor: pointer;
}

.widget_tags .nav-tag:hover {
    transform: scale(1.05);
}

.widget_tags .tag_count {
    display: inline-block;
    margin-left: 3px;
    padding: 4px 10px;
    color: #1B1C1E;
    background: transparent;
    border-radius: 5px;
    
    transition: all .3s;
}

.widget_tags .nav-tag.active .tag_count,
.widget_tags .nav-tag:hover .tag_count {
    color: rgba(27, 28, 30, 1) !important;

}

.lesson-list li .description .lss-tag {
    display: inline-block;
    display: none;
    margin: 0 5px 5px 0;
    padding: 4px 14px;
    font-size: 12px !important;
    border-radius: 5px;
    background: #F4F4F4;
}

.lesson-header-block .favIcon {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 700px) {
    .lesson-header-block .favIcon {
        top: -24px;
        right: -14px;
    }
}



body {
    padding-top: 0 !important;
}

.platform_navigation {
  width: 100%;
  padding: 25px 0;
  background: #1B1C1E;
}

.inner_navifation {
  display: flex;
  font-weight: wrap;
  justify-content: space-between;
  
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 15px;
}

.nav_profile {
  flex: 0 1 410px;
  display: flex;
  gap: 10px;
align-items: center;
}

.nav_notify {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}

.nav_notfy-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M7 2.38657C8.14443 2.38657 9.24195 2.79067 10.0512 3.50998C10.8604 4.22928 11.315 5.20487 11.315 6.22212C11.315 7.79557 11.6707 8.9738 12.1319 9.84024C12.7211 10.9473 13.0157 11.5008 12.9994 11.6272C12.9803 11.7748 12.9559 11.8154 12.8346 11.9015C12.7306 11.9754 12.2135 11.9754 11.1793 11.9754H2.82066C1.78644 11.9754 1.26934 11.9754 1.16538 11.9015C1.04413 11.8154 1.01976 11.7748 1.00065 11.6272C0.984259 11.5008 1.27888 10.9473 1.86814 9.84024C2.32934 8.9738 2.685 7.79557 2.685 6.22212C2.685 5.20487 3.13962 4.22928 3.94883 3.50998C4.75805 2.79067 5.85557 2.38657 7 2.38657ZM7 2.38657V0.78843M4.88565 14.3727C5.44996 14.8707 6.19126 15.173 7.0032 15.173C7.81505 15.173 8.55635 14.8707 9.12074 14.3727' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  border-radius: 5px;
    
  transition: all .3s;
}

.nav_notfy-icon:hover {
  background-color: #EDE3D6;
  cursor: pointer;
}

.nav_notify-count {
	display: none;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translatex(-50%);
  
  padding: 1px 6px;

  height: 20px;
  
  color: #1B1C1E;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  text-align: center;
  
  background: #D8A566;
  border-radius: 20px;
}

.nav_user_info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.nav_avatar {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #fff;
  
  overflow: hidden;
}

.nav_avatar img {
	width: 100%;
	object-fit: cover;
}

.nav_info {
  flex: 1 1 10%;
  
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap:3px;
}

.nav_user-navigation {
  flex: 1 1 100%;
  position: relative;
}

.nav_user-name {
  flex: 1 1 100%;
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-family: "Tilda Sans", sans-serif;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.nav_user-menu-icon {
  position: relative;
  top: 2px;
  cursor: pointer;
}

.nav_user-menu {
  display: none !important;
  position: absolute;
  top: 25px;
  right: 0;
  display: inline-block;
  padding: 10px;
  text-align: right;
  background: #F7F7F7;
  border-radius: 10px;
  z-index: 1000;
}

.nav_user-menu.active {
  display: block !important;
}

.user-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.user-menu li {
  margin-bottom: 5px;
}

.user-menu li a {
  color: rgba(51, 53, 55, .5);
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  
  transition: all .3s;
}

.user-menu li a:hover {
  color: rgba(51, 53, 55, 1);
}

.nav_user-mail {
  display: block;
  flex: 1 1 100%;
  
  color: rgba(255,255,255,0.5);;
  font-family: "Tilda Sans", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.nav_btns {
  display: flex;
  gap: 10px;
  align-items: center;
}

.nav_btns.active {
    position: absolute;
    top: 90px;
    right: 15px;
    
    display: block;
    padding: 12px;
    
    
    background: #f9f6f6;
    border-radius: 10px;
    
    z-index: 100;
}

.nav_mobile_btns {
  position: relative;
  display: none;
  width: 50px;
  height: 50px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='20' viewBox='0 0 27 20' fill='none'%3E%3Cpath d='M1 1H26M1 10H26M1 19H26' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  border: 1px solid #EDEDED;
  border-radius: 5px;
    
  transition: all .3s;
}

.nav_btn {
  display: inline-block;
  padding: 16px 32px;
  
  color: #1B1C1E !important;
  font-family: "Tilda Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  
  transition: all .3s;
}

.nav_btn:hover {
	text-decoration: none;
  background: #EDE3D6;
}

.special_btn {
  color: #fff !important;
  background: #D8A566 !important;
  border: 1px solid #D8A566;
}

.special_btn:hover {
    color: #1B1C1E !important;
  background: #e9d0af !important;
  border: 1px solid #EDE3D6;
}

.nav_btns.active .nav_btn {
    display: block;
    margin: 0px 0 10px;
    text-align: center;
    background: #fff;
}

.nav_btns.active .nav_btn:last-child {
    margin: 0;
}

@media (max-width: 1200px) {
    .nav_btn {
        padding: 16px 14px;
    }
}

@media (max-width: 992px) {
    .nav_user-name {
        font-size: 0;
    }
    
    .nav_user-mail {
        display: none;
    }
    
    .nav_user-menu {
        min-width: 145px;
        border: 1px solid #ccc;
    }
    
    .user-menu li a {
        color: rgba(51, 53, 55, 1);
    }
}

@media (max-width: 700px) {
    .nav_mobile_btns {
        display: block;
    }
    
    .nav_btns {
        display: none;
    }
}
@media (max-width: 400px) {
    .nav_mobile_btns {
        flex: 0 1 70px;
    }
}


.nav_favorite {
    position: relative;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}

.nav_favorite-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M1 7.26716V10.7071C1 12.8403 1 13.9069 1.50572 14.3729C1.74691 14.5952 2.05135 14.7349 2.37566 14.7719C3.05566 14.8498 3.84976 14.1474 5.43793 12.7427C6.13994 12.1218 6.49099 11.8113 6.89709 11.7295C7.09708 11.6892 7.30292 11.6892 7.5029 11.7295C7.909 11.8113 8.26006 12.1218 8.96204 12.7427C10.5503 14.1474 11.3444 14.8498 12.0244 14.7719C12.3487 14.7349 12.6531 14.5952 12.8943 14.3729C13.4 13.9069 13.4 12.8403 13.4 10.7071V7.26716C13.4 4.3128 13.4 2.83561 12.492 1.91781C11.5841 1 10.1227 1 7.2 1C4.27729 1 2.81594 1 1.90797 1.91781C1.35188 2.47992 1.13637 3.25185 1.05285 4.44444' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M9.26614 3.75488H5.13281' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center !important;
  border: 1px solid #fff;
  border-radius: 5px !important;
    
  transition: all .3s;
}

.nav_favorite-icon:hover {
  background-color: #EDE3D6;
  cursor: pointer;
}

.nav_favorite-count {
    display: none;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translatex(-50%);
  
  padding: 1px 4px;

  height: 20px;
  
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  
  background: #F23A4A;
  border-radius: 20px;
}

.user_favorite {
    position: absolute;
    top: 55px;
    left: 0;
    
    padding: 24px 20px;
    width: 360px;
    
    border-radius: 5px;
    border: 1px solid #EDEDED;
    background: #fff !important;
    
    z-index: 100;
}

.user_favorite ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.user_favorite ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EDE3D6;
}

.user_favorite ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.user_favorite a:hover {
    text-decoration: none;
}

.user_favorite .favTitle {
    display: block;
    position: relative;
    
    color: #262427;
    font-family: "Tilda Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    transition: all .3s;
}

.user_favorite a:hover .favTitle {
    color: #D8A566;
}

.user_favorite .favModule {
    color: rgba(51,53,55,0.55);
    font-family: "Tilda Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


@media (max-width: 992px) {
    .nav_profile {
        flex:  0 0 360px;
    }
    
    .nav_user-name {
        font-size: 16px !important;
    }
    
    .nav_btn {
        padding: 15px 10px !important;
        font-size: 12px !important;
    }
    
    .nav_btns {
        flex: 1 1 100%;
        justify-content: end;
    }
    
    .lesson .lesson-description-value {
        padding-right: 50px;
    }
}

@media (max-width: 520px) {
    .nav_profile {
        flex:  1 1 360px;
    }
    
    .user_favorite {
        top: 70px;
        left: -50px;
    }
    
    .nav_user-name {
        font-size: 0px !important;
    }
}

@media (max-width: 400px) {
    .user_favorite {
        width: 320px;
    }
}


@media (max-width: 350px) {
    .user_favorite {
        width: 270px;
    }
}

/* Оглавление */
.book_allCats .f-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
    
    padding: 30px 40px;
    
    border-radius: 10px;

    background: rgba(255,255,255, .1);
}

.book_allCats .f-text > div {
    flex: 1 1 45%;
    max-width: calc(100% / 2 - 5px)
}

.book_allCats .f-text p {
    padding: 0;
    margin-bottom: 12px
}

.book_allCats .f-text p br {
    display: none;
}

.book_allCats .f-text p:last-child {
    margin: 0;
}

.book_allCats .f-text p a {
    display: block;
    padding: 4px 34px 4px 14px;
    
    color: #000 !important;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(13px, 4vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.808px */
    
    border-radius: 5px;
    background: #f3e2ce url(https://fs.getcourse.ru/fileservice/file/download/a/66109/sc/82/h/0c12ff6302a860005bfb0624d79e90e4.png) no-repeat calc(100% - 8px) center;
    border: none;
    
    transition: all .3s;
}

.book_allCats .f-text p a:hover {
    background: #D8A566 url(https://fs.getcourse.ru/fileservice/file/download/a/66109/sc/82/h/0c12ff6302a860005bfb0624d79e90e4.png) no-repeat calc(100% - 8px) center;
    border: none;
}

@media (max-width: 700px) {
    .book_allCats .f-text {
        padding: 20px;
    }
    .book_allCats .f-text > div {
        flex: 1 1 100%;
        max-width: 100%;
    }
}



/* Книга */
.book_block {
    margin: 0 15px;
}

.book_block .lt-block-wrapper {
    margin-bottom: 36px;
    padding: 20px 20px 25px !important;
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
}

.book_block .lt-block-wrapper div[data-path="column2"]  {
    padding: 0;
}

.book_block .lt-block-wrapper div[data-path="column2"] .image-box {
    position: relative;
    margin-bottom: 0px;
}

.book_block .lt-block-wrapper div[data-path="column2"] .image-box img {
    border-radius: 5px;
    border: 1px solid #D7D7D7;
}


.book_block .lt-block-wrapper div[data-path="column2"] .part-button button {
    width: 100%;
    
    font-size: 18px;
    color: #fff !important;
    font-weight: 400 !important;
    border-radius: 5px !important;
    background: #D8A566 !important;
}

.book_block .lt-block-wrapper div[data-path="column2"] .part-button button:hover {
    color: #fff !important;
    background: #1B1C1E !important;
}

.book_block .lt-block-wrapper div[data-path="column1"] {
    padding: 0 30px;
}

.book_block .lt-block-wrapper div[data-path="column1"] .f-subheader p,
.book_block .lt-block-wrapper div[data-path="column1"] .f-header p {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(18px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.book_block .lt-block-wrapper div[data-path="column1"] .part-text {
    margin-bottom: 0 !important;
}

.book_block .lt-block-wrapper div[data-path="column1"] .f-text {
    padding: 0 !important;
}

.book_block .lt-block-wrapper div[data-path="column1"] .f-text p,
.book_block .lt-block-wrapper div[data-path="column1"] .f-text li {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(14px, 4vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 700px) {
    .book_block .lt-block-wrapper div[data-path="column1"] {
        padding: 0;
    }
}

/* Кнопка "к содержанию" */
.gc_lesson  .part-button.book_backBtn button {
    padding: 6px 30px 6px 50px !important;
    min-height: 0;
    
    color: #000 !important;
    font-family: "Tilda Sans", sans-serif !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M3.22222 29H25.7778C26.6324 29 27.4519 28.6605 28.0562 28.0562C28.6605 27.4519 29 26.6324 29 25.7778V3.22222C29 2.36764 28.6605 1.54805 28.0562 0.943767C27.4519 0.339483 26.6324 0 25.7778 0H3.22222C2.36764 0 1.54805 0.339483 0.943767 0.943767C0.339483 1.54805 0 2.36764 0 3.22222V25.7778C0 26.6324 0.339483 27.4519 0.943767 28.0562C1.54805 28.6605 2.36764 29 3.22222 29ZM14.5 6.44444L22.5556 14.5H16.1111V22.5556H12.8889V14.5H6.44444L14.5 6.44444Z' fill='%23D8A566'/%3E%3C/svg%3E") no-repeat center left !important;
    
    border-radius: 3px !important;
    
    transition: all .3s;
}

.gc_lesson  .part-button.book_backBtn button:hover {
    background: #D8A566 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M3.22222 29H25.7778C26.6324 29 27.4519 28.6605 28.0562 28.0562C28.6605 27.4519 29 26.6324 29 25.7778V3.22222C29 2.36764 28.6605 1.54805 28.0562 0.943767C27.4519 0.339483 26.6324 0 25.7778 0H3.22222C2.36764 0 1.54805 0.339483 0.943767 0.943767C0.339483 1.54805 0 2.36764 0 3.22222V25.7778C0 26.6324 0.339483 27.4519 0.943767 28.0562C1.54805 28.6605 2.36764 29 3.22222 29ZM14.5 6.44444L22.5556 14.5H16.1111V22.5556H12.8889V14.5H6.44444L14.5 6.44444Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center left !important;
}